%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
    <title>Perfil</title>
    <link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'estructuraFondo.css')}" />
    <link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'formularioNick.css')}" />
    <link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'perfilArtista.css')}" />
  <link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'menus.css')}" />
  </head>
  <body>
  
    <div id="wrapper">
        <div id="headerwrap">
        <div id="header">
           
            <g:img dir="images/imgProyecto" file="b.PNG" />
        </div>
        </div>
        <div id="navigationwrap">
          <div id='cssmenu'>
				<ul>
  				 	<li class='active '><a href='/proyectoIngedos/principal/principal'><span>&nbsp;&nbsp;&nbsp;  Home &nbsp;&nbsp;&nbsp;</span></a></li>
   					<li class='has-sub '><a href='#'><span>&nbsp;&nbsp;&nbsp;  Musgo &nbsp;&nbsp;&nbsp;</span></a>
      			<ul>
         			<li><a href='#'><span>Quienes somos</span></a></li>
         			<li><a href='#'><span>Product 2</span></a></li>
      			</ul>
   			</li>
   			<li><a href='#'><span>&nbsp;&nbsp;&nbsp;  Eventos&nbsp;&nbsp;&nbsp;</span></a></li>
   			<li><a href='#'><span>&nbsp;&nbsp;&nbsp;  Destacados&nbsp;&nbsp;&nbsp;</span></a></li>
   			<li><a href='#'><span>&nbsp;&nbsp;&nbsp;  Busqueda&nbsp;&nbsp;&nbsp;</span></a></li>
   			<li><a href='/proyectoIngedos/principal/contacto'><span>&nbsp;&nbsp;&nbsp;  Contacto&nbsp;&nbsp;</span></a></li>
</ul>
</div>
        </div>
        <div id="leftcolumnwrap">
        <div id="leftcolumn">
        
       <br><br>
        <g:form>   
        <g:actionSubmitImage value="registro"  action="contacto" src="${resource(dir: 'images/imgProyecto', file: 'proximoevento1.png')}" />  
        </g:form> 
        <br><br>
        
       
        <p>Disfruta del proximo evento de los artistas de nuestra comunidad, conoce gente y hazte conocer!</p>       </div>
        </div>
      
      
       <div id="contentwrap">
         
        <div id="contentperfil">
          <div>
          <div id="fotoPerfil">
            
            <br><br>
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="width:300px; height:350px;" src="${createLink(action:'imagen', id:"${artista.imagenperfil.id}")}" />
        </div>
          
          <div id= "nom">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;
            <br><br><br><br><br><br><label id="fuenteNombre">${artista.nombre}</label><br>
            <g:form>
              <input type="hidden" name="ide" value="${artista.id}"/>
            <g:actionSubmit value="Editar mi Perfil" action="editarPerfil"/>
            </g:form>
          </div>
          </div>
          <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
          <div id="infoGeneral">
            <label id="fuenteTitulo">&nbsp;&nbsp;&nbsp;&nbsp;Pais de origen:&nbsp;&nbsp;&nbsp;</label>
            <label id="fuenteCuerpo">${artista.pais}</label><br>
            <label id="fuenteTitulo">&nbsp;&nbsp;&nbsp;&nbsp;Ciudad:&nbsp;&nbsp;&nbsp;</label>
            <label id="fuenteCuerpo">${artista.ciudad}</label><br>
            <label id="fuenteTitulo">&nbsp;&nbsp;&nbsp;&nbsp;Registrado desde:&nbsp;&nbsp;&nbsp</label>
            <label id="fuenteCuerpo">${artista.fechainscripcion}</label><br>
            <label id="fuenteTitulo">&nbsp;&nbsp;&nbsp;&nbsp;Integrantes:&nbsp;&nbsp;&nbsp;</label>
            <label id="fuenteCuerpo">${artista.integrantes}</label><br>
            <label id="fuenteTitulo">&nbsp;&nbsp;&nbsp;&nbsp;Email de contacto:&nbsp;&nbsp;&nbsp</label>
            <label id="fuenteCuerpo">${artista.email}</label><br>
            <label id="fuenteTitulo">&nbsp;&nbsp;&nbsp;&nbsp;Historia:&nbsp;&nbsp;&nbsp</label><br>
            <p id="fuenteCuerpo">${artista.historia}</p>
            
          
          <br><br><br><br><br><br><br><br><br><br>  
         <hr>   
        </div>
          
           <br><br><br><br><br><br><br><br><br><br>  
         
           <div id="izq">
           
           <label id="fuenteCuerpo">Editar o crear Albunes</label><br>
            <g:form> 
            <g:actionSubmitImage value="registro" action="contacto" src="${resource(dir: 'images/imgProyecto', file: 'editarAlbunes.gif')}" /> 
            </g:form> 
          </div>
           
           
           <div id="dere">
             <label id="fuenteCuerpo">Editar o crear Eventos</label><br>
             <g:form> 
            <g:actionSubmitImage value="registro" action="contacto" src="${resource(dir: 'images/imgProyecto', file: 'editarEvento.gif')}" /> 
            </g:form>
         </div>
             
         </div>
       
    </div>
</body>
</html>